<template>
    <div class="watch">
        <main>
            <div v-for="(item,index) in items" :key="index" class="item">
                <product-card :data="item"/>
            </div>
        </main>
        
        <div class="content">
            <img 
                v-for="(item,index) in imgs" 
                :key="index" 
                :src="item" 
            >
        </div>
    </div>
</template>
<script>
import ProductCard from '../components/productCard.vue'
export default{
    components:{
        ProductCard
    },
    data(){
        return{
            items:[
               {
                    name:'Apple Watch Series 6智能手表',
                    price:'￥3999.00',
                    src:'https://img14.360buyimg.com/n0/jfs/t1/126375/20/12803/80892/5f616d4cE215a8229/d4ecca36cdb7d4f7.jpg'
                },
                {
                    name:'Apple Watch SE 智能手表 GPS款',
                    price:'￥2199.00',
                    src:'https://img14.360buyimg.com/n0/jfs/t1/145522/18/8510/72483/5f6159c5E0546967b/67d0dbf525103b0e.jpg'
                },
                {
                    name:'Apple Watch Series 3智能手表',
                    price:'￥1799.00',
                    src:'https://img14.360buyimg.com/n0/jfs/t1/112176/12/13945/53050/5f28ce8eE9692375a/97f2c3dabc365a78.jpg'
                },
            ],
            imgs:[
                'https://img14.360buyimg.com/n0/jfs/t1/116516/30/17981/84684/5f616d57E3612f924/bbe635617aecd0ce.jpg',
                'https://img14.360buyimg.com/n0/jfs/t1/142550/24/8607/95269/5f616d5eEc7a28d58/d92e4991521ac9e9.jpg',
                'https://img14.360buyimg.com/n0/jfs/t1/115055/3/17910/51929/5f616d61E1c867c8d/f92dceaf9bce97ef.jpg',
                'https://img14.360buyimg.com/n0/jfs/t1/112983/20/18001/69612/5f616d67Ea2a05625/621cfec6feb36c34.jpg',
            ]
        }
    },
}
</script>
<style scoped>
.watch main{
    display: flex;
    margin-top: 1em;
}
.watch main>div+div{
    margin-left: 1em;
}
.watch .content{
    margin-top: 1em;
}
</style>
        